body{
	margin-top: 50px;
	font-family: "Century Gothic","STHeiti","Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
}

.name{
	height: 260px;
	background-color: whitesmoke;
}
.name-bottom{
	height: 100%;
	background-color: rgb(24,62,80);
	border-radius: 0 6px 6px 0;
}
.name-left{
	height: 100%;
	background-color: rgb(24,62,80);
	box-shadow: 4px 0 2px rgb(24,62,80);
	z-index: 3;
}
.name-right{
	margin-top: 30px;
	margin-left: -70px;
	height: 80%;
	background-color: rgb(108, 122, 137);
	border-radius: 5px;
	z-index: 2;
	transition: all 1s ease;
}
.name-right:hover{
	margin-left: -34px;
	transition: all 1s ease;
}
.name-cn{
	font-size: 18px;
	line-height: 100px;
	margin-left: 0px;
}
.name-en{
	font-size: 12px;
	line-height: 40px;
	margin-right: 0px;
	float: right;
}


@media only screen and (min-width: 992px) {
	.name{
	height: 460px;
	}
	.name-right{
		margin-left: -290px;
	}
	.name-right:hover{
		margin-left: -120px;
	}
	.name-cn{
		font-size: 50px;
		line-height: 240px;
		margin-left: 100px;
	}
	.name-en{
	font-size: 30px;
	line-height: 30px;
	margin-right: 100px;
}
}